<template>
  <div class="category">
    <h2>今日{{ title }}推荐</h2>
    <slot></slot>
  </div>
</template>

<script>
  export default {
    name:'Gategory',
    props:['title']
  }
</script>

<style scoped>
  .category{
    padding: 20px;
    border-radius: 20px;
    background-color: skyblue;
    box-shadow:  0 0 5px navy;
    width: 200px;
    height: 200px;
    margin-left: 20px;
    /* color: #999; */
  }
  img{
    width: 100%;
  }
  video{
    width: 100%;
  }
</style>